<!-- 采用html5  -->
<!DOCTYPE html>
<html>

<head>


    <meta charset="UTF-8">

    <!-- 页面显示适应移动设备 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>我的APP</title>

    <link rel="stylesheet" href="resources\we-vue\style.css">
    <link rel="stylesheet" href="resources\css\font-awesome.min.css">

    <style>
        /*元素选择器*/

        html {
            height: 100%;
        }

        body {
            height: 100%;
            padding: 0px;
            /*内边距*/
            margin: 0px;
            /*外边距*/
        }

        .my-container {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
        }
    </style>

    <style>
        [_nghost-c6] {
            display: block;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
    </style>
    <style>
        .container[_ngcontent-c0] {
            margin-top: 20px
        }

        .container[_ngcontent-c0] .row.main[_ngcontent-c0] {
            min-height: 650px
        }

        .container[_ngcontent-c0] app-metric-form[_ngcontent-c0] {
            float: right;
            width: 200px
        }

        .container[_ngcontent-c0] form.row[_ngcontent-c0]>div[_ngcontent-c0]:not(.col-select-parameters) {
            padding-left: 25px;
            padding-right: 25px
        }

        .container[_ngcontent-c0] .col-sidebar[_ngcontent-c0] {
            border: 1px solid #ccc;
            border-top: 14px solid #000
        }

        .container[_ngcontent-c0] .col-select-parameters[_ngcontent-c0] {
            padding: 0;
            position: relative;
            min-width: 290px
        }

        .container[_ngcontent-c0] .col-parameters[_ngcontent-c0] {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding-top: 14px
        }

        .container[_ngcontent-c0] h1[_ngcontent-c0] {
            font-size: 1.6rem
        }

        .container[_ngcontent-c0] h2[_ngcontent-c0] {
            font-size: 1.4rem;
            padding: 16px 0
        }

        .container[_ngcontent-c0] h3[_ngcontent-c0] {
            font-size: 1.3rem;
            padding: 16px 0
        }

        .container[_ngcontent-c0] footer[_ngcontent-c0] {
            margin-top: 25px
        }

        .container[_ngcontent-c0] footer[_ngcontent-c0] p[_ngcontent-c0] {
            font-size: .7rem
        }
    </style>
    <style>
        input[type=radio][_ngcontent-c1] {
            display: none
        }
    </style>
    <style>
        .card-header[_ngcontent-c2] a[_ngcontent-c2] {
            color: #292b2c;
            font-weight: 700;
            font-size: 1rem
        }

        .card-header[_ngcontent-c2] label[_ngcontent-c2] {
            padding: 0 0 0 .5rem
        }

        .card-header[_ngcontent-c2] i[_ngcontent-c2] {
            font-size: .8rem;
            margin-top: 9px
        }

        .card-block[_ngcontent-c2] {
            padding: 1rem 1.25rem
        }

        .card-block[_ngcontent-c2] label[_ngcontent-c2] {
            margin: 3px 15px
        }

        h3[_ngcontent-c2] {
            font-size: 1.3rem;
            padding: 16px 15px
        }

        .toolbar-wrapper[_ngcontent-c2] {
            position: absolute;
            bottom: 0;
            padding: 20px 25px;
            border-top: 1px solid #ccc;
            width: 100%;
            text-align: center
        }

        .full-dump-wrapper[_ngcontent-c2] {
            margin-top: 9px
        }

        .full-dump-wrapper[_ngcontent-c2] a[_ngcontent-c2] {
            text-decoration: underline
        }
    </style>
    <style>
        fieldset[_ngcontent-c3] legend[_ngcontent-c3] {
            font-size: 1rem;
            font-weight: 700
        }

        h2[_ngcontent-c3] {
            font-size: 1.4rem
        }

        .slide-steps[_ngcontent-c3] {
            position: relative;
            height: 20px;
            font-size: .7rem
        }

        .slide-steps[_ngcontent-c3] span.step[_ngcontent-c3] {
            position: absolute;
            text-align: center;
            width: 80px;
            height: 30px;
            margin-left: -40px;
            line-height: .9rem;
            top: -10px;
            display: table
        }

        .slide-steps[_ngcontent-c3] span.step[_ngcontent-c3] span.step-label[_ngcontent-c3] {
            display: table-cell;
            vertical-align: middle
        }

        .slide-steps[_ngcontent-c3] span.step-bar[_ngcontent-c3] {
            top: 14px
        }

        .form-slide[_ngcontent-c3] {
            margin-left: 17px;
            margin-right: 17px
        }
    </style>
    <style>
        h3[_ngcontent-c4] {
            font-size: 1.3rem;
            padding: 16px 0
        }

        dd[_ngcontent-c4] {
            font-size: .9rem
        }

        p.helper-text[_ngcontent-c4] {
            font-size: .7rem
        }
    </style>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <!-- META FOR IOS & HANDHELD -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="HandheldFriendly" content="true">
    <meta name="apple-mobile-web-app-capable" content="YES">
    <!-- //META FOR IOS & HANDHELD -->

    <meta name="description" content="本热舒适计算工具依ASHRAE Standard 55-2013设计，可以用于计算PMV, PPD, SET, 以及适应性热舒适Adaptive comfort">

    <link rel="stylesheet" type="text/css" href="comforttool/css/layout.css">
    <link rel="stylesheet" type="text/css" href="comforttool/css/jquery-ui.css">

    <script src="//hm.baidu.com/hm.js?ba292deba7b13f3936ef8290375b1e0e"></script>
    <script type="text/javascript" async=""></script>
    <script type="text/javascript" src="comforttool/js/lib/d3.js"></script>
    <script type="text/javascript" src="comforttool/js/lib/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="comforttool/js/lib/jquery-ui.min.js"></script>
    <script type="text/javascript" src="comforttool/js/util.js"></script>
    <script type="text/javascript" src="comforttool/js/comfortmodels.js"></script>
    <script type="text/javascript" src="comforttool/js/psychrometrics.js"></script>
    <script type="text/javascript" src="comforttool/js/lib/underscore-min.js"></script>

    <title>热舒适计算工具</title>
    <link rel="stylesheet" type="text/css" href="comforttool/css/common.css">
    <link rel="stylesheet" type="text/css" href="comforttool/css/ui.multiselect.css">
    <link rel="stylesheet" type="text/css" href="comforttool/css/psychchart.css">

    <script type="text/javascript" src="comforttool/js/lib/ui.multiselect.js"></script>
    <script type="text/javascript" src="comforttool/js/lib/ui.selectmenu.js"></script>
    <script type="text/javascript" src="comforttool/js/lib/jquery.scrollTo-min.js"></script>
    <script type="text/javascript" src="comforttool/js/psychchart.js"></script>
    <script type="text/javascript" src="comforttool/js/adaptchart.js"></script>
    <script type="text/javascript" src="comforttool/js/temphumchart.js"></script>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
<script type="text/javascript" src="comforttool/js/lib/html5shiv.js"></script>
<![endif]-->

    <!-- For IE6-8 support of media query-->
    <!--[if lt IE 9]>
<script type="text/javascript" src="comforttool/js/lib/respond.min.js"></script>
<![endif]-->

    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-30562462-2']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?ba292deba7b13f3936ef8290375b1e0e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>


</head>


<body>

    <div id="app" lass="my-container">

        <div style="height:500px;border:1px solid rgb(38, 0, 255);overflow: auto;  ">
            <div style="font-size:20px;height:200px;border:1px solid red;" v-for="dep in deps">{{dep.d_id}}
                {{dep.d_name}} {{dep.d_remark}}</div>


        </div>
        <div id="left_content" style="background-color: #DCE7F7;">

            <div id="select_comfort_model" style="margin-bottom:7px; padding-top:6px; float:left;" class="in">
                <div id="modelDiv">
                    &nbsp;选择计算模型：
                </div>
            </div>

            <div class="right" style="margin-bottom:5px; margin-bottom:7px; padding-top:10px;">
                <select id="model-type" style="float: right; margin-right: 14px; margin-bottom: 5px; display: none;"
                    aria-disabled="false">
                    <option value="pmvElevatedAirspeed">PMV模型</option>
                    <option value="adaptiveComfort">适应性模型</option>
                </select>
                <div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="model-type-button"
                        role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="model-type-menu"
                        aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">PMV模型</span><span
                            class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
            </div>

            <div id="inputs" style="margin-bottom:7px; padding-left:5px;" class="in">
                <div class="leftlabel" id="ta-lab">
                    空气干球温度
                </div>
                <div class="inputfield">
                    <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input"
                            id="ta" aria-valuemin="0" aria-valuemax="120" aria-valuenow="25" autocomplete="off" role="spinbutton"><a
                            class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a
                            class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
                    <span class="tempunit">°C</span>
                </div>
                <div class="right">
                    <input type="checkbox" id="link" class="ui-helper-hidden-accessible">
                    <label id="labelforlink" style="text-align:left;" for="link" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                        role="button" aria-disabled="false"><span class="ui-button-text">使用操作温度（Operative）</span></label>
                </div>

                <div class="leftlabel" id="tr-lab" style="margin-top:15px;">
                    平均辐射温度
                </div>
                <div class="inputfield" id="tr-input">
                    <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input"
                            id="tr" aria-valuemin="0" aria-valuemax="120" aria-valuenow="25" autocomplete="off" role="spinbutton"><a
                            class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a
                            class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
                    <span class="tempunit"> °C &nbsp;</span>
                </div>

                <div id="pmv-inputs">
                    <div class="leftlabel" style="margin-top:15px;">
                        风速
                    </div>
                    <div class="inputfield">
                        <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input
                                class="inputbox ui-spinner-input" id="vel" aria-valuemin="0" aria-valuemax="4"
                                aria-valuenow="0.1" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"
                                tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a
                                class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"
                                tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
                        <span class="unit" id="vel-unit"> m/s</span>
                    </div>
                    <!--<div class="right" id="local-control-div">
        <input type="checkbox" id="local-control"/>
        <label style="text-align:left; " for="local-control">局部风速控制</label>
      </div>-->

                    <div class="leftlabel" style="margin-top:15px;">
                        空气湿度
                    </div>
                    <div class="inputfield">
                        <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input
                                class="inputbox ui-spinner-input" id="rh" aria-valuemin="0" aria-valuemax="100"
                                aria-valuenow="50" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"
                                tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a
                                class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"
                                tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
                        <span class="unit" id="rh-unit"> %</span>
                    </div>
                </div>
                <!--end div id="pmv-inputs"-->

                <div class="right" id="humidity-spec-cont">
                    <select id="humidity-spec" aria-disabled="false" style="display: none;">
                        <option value="rh">相对湿度</option>
                        <option value="w">含湿量(kg/kg(a))</option>
                        <option value="dewpoint">露点温度</option>
                        <option value="wetbulb">湿球温度</option>
                        <option value="vappress">水蒸气分压力</option>
                    </select>
                    <div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="humidity-spec-button"
                            role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="humidity-spec-menu"
                            aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">相对湿度</span><span
                                class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
                </div>
                <!--end div id="humidity-spec-cont"-->

                <div style="margin-bottom: 7px; display: none;" id="adaptive-inputs">
                    <div class="leftlabel" style="margin-top:15px;">
                        盛行平均室外温度
                    </div>
                    <div class="inputfield">
                        <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all" style=""><input
                                class="inputbox ui-spinner-input" id="trm" aria-valuemin="0" aria-valuemax="120"
                                aria-valuenow="29" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"
                                tabindex="-1" role="button" style=""><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a
                                class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"
                                tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
                        <span class="tempunit"> °C</span>
                    </div>

                    <div class="leftlabel" style="margin-top:15px;">
                        风速
                    </div>
                    <div class="inputfield">
                        <select id="vel_a" aria-disabled="false" style="display: none;">
                            <option value="0.3" selected="selected">0.3 m/s (59 fpm)</option>
                            <option value="0.6">0.6 m/s (118 fpm)</option>
                            <option value="0.9">0.9 m/s (177 fpm)</option>
                            <option value="1.2">1.2 m/s (236 fpm)</option>
                        </select>
                        <div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown"
                                id="vel_a-button" role="button" href="#nogo" tabindex="0" aria-haspopup="true"
                                aria-owns="vel_a-menu" aria-disabled="false" style="width: 165px;"><span class="ui-selectmenu-status">0.3
                                    m/s (59 fpm)</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
                    </div>
                </div>
                <!--end div id="adaptive-inputs"-->

            </div>
            <!--end div id="inputs"-->

            <div class="in" id="actInput" style="padding-left:5px;">
                <div class="leftlabel" style="margin-top:15px;">
                    新陈代谢率
                </div>
                <div class="inputfield" id="met_input">
                    <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input"
                            id="met" aria-valuemin="1" aria-valuemax="2" aria-valuenow="1.2" autocomplete="off" role="spinbutton"><a
                            class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a
                            class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
                    <span class="unit"> met</span>
                </div>
                <div class="right" id="actSelectDiv">
                    <select id="actSelect" style="margin-left: 5px; display: none;" aria-disabled="false">
                        <option value="1.2">放松站立: 1.2</option>
                        <option value="1">静坐: 1.0</option>
                        <option value="0.7">睡觉: 0.7</option>
                        <option value="0.8">倚靠: 0.8</option>
                        <option value="2">散步(3.2km/h): 2.0</option>
                        <option value="2.6">散步(4.8km/h): 2.6</option>
                        <option value="3.8">散步(6.4km/h): 3.8</option>
                        <option value="1">坐着阅读: 1.0</option>
                        <option value="1">坐着写字: 1.0</option>
                        <option value="1.1">坐着打字: 1.1</option>
                        <option value="1.2">坐着整理文件: 1.2</option>
                        <option value="1.4">站着整理文件: 1.4</option>
                        <option value="1.7">闲逛: 1.7</option>
                        <option value="2.1">提东西/打包东西: 2.1</option>
                        <option value="1.5">开轿车: 1.5</option>
                        <option value="1.2">开民航飞机: 1.2</option>
                        <option value="2.4">开战斗机: 2.4</option>
                        <option value="3.2">开大型汽车: 3.2</option>
                        <option value="1.8">做饭: 1.8</option>
                        <option value="2.7">打扫卫生: 2.7</option>
                        <option value="2.2">坐着做重型肢体运动: 2.2</option>
                        <option value="1.8">锯工: 1.8</option>
                        <option value="2.2">轻型器械工作: 2.2</option>
                        <option value="4">重型器械工作: 4.0</option>
                        <option value="4">举起45kg的物体: 4.0</option>
                        <option value="4.4">体力挖掘工作: 4.4</option>
                        <option value="3.4">跳舞: 3.4</option>
                        <option value="3.5">做健美操/体操: 3.5</option>
                        <option value="3.8">打网球: 3.8</option>
                        <option value="6.3">打篮球: 6.3</option>
                        <option value="7.8">摔跤: 7.8</option>
                    </select>
                    <div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="actSelect-button"
                            role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="actSelect-menu"
                            aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">放松站立: 1.2</span><span
                                class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
                </div>
            </div>
            <!--end div id="actInput"-->

            <div style="margin-bottom: 7px; padding-left:5px;" class="in" id="cloInput">
                <div class="leftlabel" style="margin-top:15px;">
                    服装热阻
                </div>
                <div class="inputfield">
                    <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input"
                            id="clo" aria-valuemin="0" aria-valuemax="10" aria-valuenow="0.5" autocomplete="off" role="spinbutton"><a
                            class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a
                            class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only"
                            tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
                    <span class="unit"> clo</span>
                </div>
                <div class="inputfield" id="cloSelectDiv">
                    <select id="cloSelect" aria-disabled="false" style="display: none;">
                        <option value="0.5">夏季室内典型着装: 0.5</option>
                        <option value="1">冬季室内典型着装: 1.0</option>
                        <option value="0.57">薄裤+短袖衬衫+袜+鞋+内裤: 0.57</option>
                        <option value="0.61">薄裤+长袖衬衫+袜+鞋+内裤: 0.61</option>
                        <option value="0.96">薄裤+长袖衬衫+西服上衣+袜+鞋+内裤: 0.96</option>
                        <option value="0.54">短裙+短袖衬衫+拖鞋+内裤: 0.54</option>
                        <option value="0.67">短裙+长袖衬衫+拖鞋+长衬裙+内裤: 0.67</option>
                        <option value="0.36">休闲短裤+短袖衬衫+拖鞋+内裤: 0.36</option>
                        <option value="0.74">运动裤+长袖运动衫+拖鞋+内裤: 0.74</option>
                    </select>
                    <div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="cloSelect-button"
                            role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="cloSelect-menu"
                            aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">夏季室内典型着装:
                                0.5</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
                </div>
                <div>
                    <input type="checkbox" id="customClo" class="ui-helper-hidden-accessible">
                    <label style="margin-top:15px; margin-right:20px; width:96%;loat:left;" for="customClo" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"
                        role="button" aria-disabled="false"><span class="ui-button-icon-primary ui-icon ui-icon-person"></span><span
                            class="ui-button-text">服装热阻精算</span></label>
                </div>
                <div id="customCloToggle" style="display:none; float:left;"><br>
                    <select id="cloMultiSelect" class="multiselect" multiple="multiple" style="display: none;">
                        <option value="0.04">内衣类--内裤(男)</option>
                        <option value="0.03">内衣类--内裤(女)</option>
                        <option value="0.01">内衣类--胸罩</option>
                        <option value="0.08">内衣类--T恤</option>
                        <option value="0.16">内衣类--长衬裙</option>
                        <option value="0.14">内衣类--短衬裙</option>
                        <option value="0.2">内衣类--秋衣</option>
                        <option value="0.15">内衣类--秋裤</option>
                        <option value="0.02">鞋袜类--踝袜(短袜)</option>
                        <option value="0.03">鞋袜类--小腿袜(中袜)</option>
                        <option value="0.06">鞋袜类--厚膝袜(厚长袜)</option>
                        <option value="0.02">鞋袜类--丝袜裤(女)</option>
                        <option value="0.02">鞋袜类--人字拖</option>
                        <option value="0.03">鞋袜类--普通拖鞋</option>
                        <option value="0.1">鞋袜类--皮靴</option>
                        <option value="0.12">衬衣类--无袖圆领衬衫(女)</option>
                        <option value="0.19">衬衣类--短袖衬衫(正装)</option>
                        <option value="0.25">衬衣类--长袖衬衫(正装)</option>
                        <option value="0.34">衬衣类--长袖绒衫</option>
                        <option value="0.17">衬衣类--短袖针织衫</option>
                        <option value="0.34">衬衣类--长袖运动衫</option>
                        <option value="0.06">裤子类--短裤</option>
                        <option value="0.08">裤子类--休闲短裤</option>
                        <option value="0.15">裤子类--直筒长裤(薄)</option>
                        <option value="0.24">裤子类--直筒长裤(厚)</option>
                        <option value="0.28">裤子类--运动裤</option>
                        <option value="0.3">裤子类--挂肩工装裤</option>
                        <option value="0.49">裤子类--连衣工装裤</option>
                        <option value="0.36">西服类--单排扣上衣(薄)</option>
                        <option value="0.44">西服类--单排扣上衣(厚)</option>
                        <option value="0.42">西服类--双排扣上衣(薄)</option>
                        <option value="0.48">西服类--双排扣上衣(厚)</option>
                        <option value="0.1">西服类--马甲/背心(薄)</option>
                        <option value="0.17">西服类--马甲/背心(厚)</option>
                        <option value="0.13">毛衣类--马甲/背心(薄)</option>
                        <option value="0.22">毛衣类--马甲/背心(厚)</option>
                        <option value="0.25">毛衣类--长袖毛衣(薄)</option>
                        <option value="0.36">毛衣类--长袖毛衣(厚)</option>
                        <option value="0.14">裙子类--长裙(薄)</option>
                        <option value="0.23">裙子类--长裙(厚)</option>
                        <option value="0.33">裙子类--长袖连衣裙(薄)</option>
                        <option value="0.47">裙子类--长袖连衣裙(厚)</option>
                        <option value="0.29">裙子类--短袖连衣裙(薄)</option>
                        <option value="0.23">裙子类--无袖圆连衣裙(薄)</option>
                        <option value="0.27">裙子类--无袖圆连衣裙(厚)</option>
                        <option value="0.18">睡衣类--无袖短睡裙(薄,女)</option>
                        <option value="0.2">睡衣类--无袖长睡裙(薄,女)</option>
                        <option value="0.31">睡衣类--短袖长睡裙(薄,女)</option>
                        <option value="0.46">睡衣类--长袖长睡裙(厚,女)</option>
                        <option value="0.57">睡衣类--长袖睡衣(厚)</option>
                        <option value="0.42">睡衣类--短袖睡衣(薄)</option>
                        <option value="0.69">睡衣类--长袖长袍(厚)</option>
                        <option value="0.48">睡衣类--长袖短袍(厚)</option>
                        <option value="0.34">睡衣类--短袖短袍(薄)</option>
                        <option value="0">坐椅类--金属椅</option>
                        <option value="0.01">坐椅类--木板凳</option>
                        <option value="0.1">坐椅类--普通办公椅</option>
                        <option value="0.15">坐椅类--沙发椅</option>
                    </select>
                    <div class="ui-multiselect ui-helper-clearfix ui-widget" style="width: 386px;">
                        <div class="selected" style="width: 192px;">
                            <div class="actions ui-widget-header ui-helper-clearfix" style=""><span class="count">0
                                    items selected</span></div>
                            <ul class="selected connected-list" style="height: 200px;">
                                <li class="ui-helper-hidden-accessible"></li>
                            </ul>
                        </div>
                        <div class="available" style="width: 192px;">
                            <div class="actions ui-widget-header ui-helper-clearfix" style=""><input type="text" class="search empty ui-widget-content ui-corner-all"
                                    style="display: none;"><span class="add-all">Items</span></div>
                            <ul class="available connected-list" style="height: 200px;">
                                <li class="ui-helper-hidden-accessible"></li>
                                <li class="ui-state-default ui-element" title="内衣类--内裤(男)" style=""><span class="ui-helper-hidden"></span>内衣类--内裤(男)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="内衣类--内裤(女)" style=""><span class="ui-helper-hidden"></span>内衣类--内裤(女)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="内衣类--胸罩" style=""><span class="ui-helper-hidden"></span>内衣类--胸罩<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="内衣类--T恤" style=""><span class="ui-helper-hidden"></span>内衣类--T恤<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="内衣类--长衬裙" style=""><span class="ui-helper-hidden"></span>内衣类--长衬裙<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="内衣类--短衬裙" style=""><span class="ui-helper-hidden"></span>内衣类--短衬裙<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="内衣类--秋衣" style=""><span class="ui-helper-hidden"></span>内衣类--秋衣<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="内衣类--秋裤" style=""><span class="ui-helper-hidden"></span>内衣类--秋裤<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="鞋袜类--踝袜(短袜)" style=""><span class="ui-helper-hidden"></span>鞋袜类--踝袜(短袜)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="鞋袜类--小腿袜(中袜)" style=""><span class="ui-helper-hidden"></span>鞋袜类--小腿袜(中袜)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="鞋袜类--厚膝袜(厚长袜)" style=""><span class="ui-helper-hidden"></span>鞋袜类--厚膝袜(厚长袜)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="鞋袜类--丝袜裤(女)" style=""><span class="ui-helper-hidden"></span>鞋袜类--丝袜裤(女)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="鞋袜类--人字拖" style=""><span class="ui-helper-hidden"></span>鞋袜类--人字拖<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="鞋袜类--普通拖鞋" style=""><span class="ui-helper-hidden"></span>鞋袜类--普通拖鞋<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="鞋袜类--皮靴" style=""><span class="ui-helper-hidden"></span>鞋袜类--皮靴<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="衬衣类--无袖圆领衬衫(女)" style=""><span class="ui-helper-hidden"></span>衬衣类--无袖圆领衬衫(女)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="衬衣类--短袖衬衫(正装)" style=""><span class="ui-helper-hidden"></span>衬衣类--短袖衬衫(正装)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="衬衣类--长袖衬衫(正装)" style=""><span class="ui-helper-hidden"></span>衬衣类--长袖衬衫(正装)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="衬衣类--长袖绒衫" style=""><span class="ui-helper-hidden"></span>衬衣类--长袖绒衫<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="衬衣类--短袖针织衫" style=""><span class="ui-helper-hidden"></span>衬衣类--短袖针织衫<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="衬衣类--长袖运动衫" style=""><span class="ui-helper-hidden"></span>衬衣类--长袖运动衫<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裤子类--短裤" style=""><span class="ui-helper-hidden"></span>裤子类--短裤<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裤子类--休闲短裤" style=""><span class="ui-helper-hidden"></span>裤子类--休闲短裤<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裤子类--直筒长裤(薄)" style=""><span class="ui-helper-hidden"></span>裤子类--直筒长裤(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裤子类--直筒长裤(厚)" style=""><span class="ui-helper-hidden"></span>裤子类--直筒长裤(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裤子类--运动裤" style=""><span class="ui-helper-hidden"></span>裤子类--运动裤<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裤子类--挂肩工装裤" style=""><span class="ui-helper-hidden"></span>裤子类--挂肩工装裤<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裤子类--连衣工装裤" style=""><span class="ui-helper-hidden"></span>裤子类--连衣工装裤<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="西服类--单排扣上衣(薄)" style=""><span class="ui-helper-hidden"></span>西服类--单排扣上衣(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="西服类--单排扣上衣(厚)" style=""><span class="ui-helper-hidden"></span>西服类--单排扣上衣(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="西服类--双排扣上衣(薄)" style=""><span class="ui-helper-hidden"></span>西服类--双排扣上衣(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="西服类--双排扣上衣(厚)" style=""><span class="ui-helper-hidden"></span>西服类--双排扣上衣(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="西服类--马甲/背心(薄)" style=""><span class="ui-helper-hidden"></span>西服类--马甲/背心(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="西服类--马甲/背心(厚)" style=""><span class="ui-helper-hidden"></span>西服类--马甲/背心(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="毛衣类--马甲/背心(薄)" style=""><span class="ui-helper-hidden"></span>毛衣类--马甲/背心(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="毛衣类--马甲/背心(厚)" style=""><span class="ui-helper-hidden"></span>毛衣类--马甲/背心(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="毛衣类--长袖毛衣(薄)" style=""><span class="ui-helper-hidden"></span>毛衣类--长袖毛衣(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="毛衣类--长袖毛衣(厚)" style=""><span class="ui-helper-hidden"></span>毛衣类--长袖毛衣(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裙子类--长裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--长裙(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裙子类--长裙(厚)" style=""><span class="ui-helper-hidden"></span>裙子类--长裙(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裙子类--长袖连衣裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--长袖连衣裙(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裙子类--长袖连衣裙(厚)" style=""><span class="ui-helper-hidden"></span>裙子类--长袖连衣裙(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裙子类--短袖连衣裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--短袖连衣裙(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裙子类--无袖圆连衣裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--无袖圆连衣裙(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="裙子类--无袖圆连衣裙(厚)" style=""><span class="ui-helper-hidden"></span>裙子类--无袖圆连衣裙(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--无袖短睡裙(薄,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--无袖短睡裙(薄,女)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--无袖长睡裙(薄,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--无袖长睡裙(薄,女)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--短袖长睡裙(薄,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--短袖长睡裙(薄,女)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--长袖长睡裙(厚,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖长睡裙(厚,女)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--长袖睡衣(厚)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖睡衣(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--短袖睡衣(薄)" style=""><span class="ui-helper-hidden"></span>睡衣类--短袖睡衣(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--长袖长袍(厚)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖长袍(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--长袖短袍(厚)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖短袍(厚)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="睡衣类--短袖短袍(薄)" style=""><span class="ui-helper-hidden"></span>睡衣类--短袖短袍(薄)<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="坐椅类--金属椅" style=""><span class="ui-helper-hidden"></span>坐椅类--金属椅<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="坐椅类--木板凳" style=""><span class="ui-helper-hidden"></span>坐椅类--木板凳<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="坐椅类--普通办公椅" style=""><span class="ui-helper-hidden"></span>坐椅类--普通办公椅<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                                <li class="ui-state-default ui-element" title="坐椅类--沙发椅" style=""><span class="ui-helper-hidden"></span>坐椅类--沙发椅<a
                                        href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
                            </ul>
                        </div>
                    </div>
                    <button id="setClo" style="margin-top: 5px;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                        role="button" aria-disabled="false"><span class="ui-button-text">设 定</span></button>
                </div>
                <div>
                    <input type="checkbox" id="dynamicClo" class="ui-helper-hidden-accessible">
                    <label style="margin-top:5px; width:96%;float:left;" for="dynamicClo" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"
                        role="button" aria-disabled="false"><span class="ui-button-icon-primary ui-icon ui-icon-person"></span><span
                            class="ui-button-text">服装热阻估算</span></label>
                </div>
                <div id="dynamicCloToggle">
                    <span class="xx" style="color: black; margin-left:10px; margin-top: 5px; font-size:12px">室外温度(6 am)</span>
                    <input id="taOut6" maxlength="10" placeholder="0.0" style="height: 16px; font-size: 14px; padding: 3px; margin: 5px 0px 5px 10px;">
                    <span class="tempunit">°C</span>
                    <button id="setDynamicClo" style="float:right; margin: 5px 15px 5px;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                        role="button" aria-disabled="false"><span class="ui-button-text">设 定</span></button>
                </div>

            </div>
            <!--end div id="cloInput"-->

            <div class="buttons ui-buttonset" style="float:left; margin-bottom:5px; margin-top: 5px; margin-left:10px;">
                <button id="specPressure" style="float:left; height:45px; position:relative; top: 50%" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left"
                    role="button" aria-disabled="false"><span class="ui-button-text">当地大气压力</span></button>
                <button id="unitsToggle" style="float:left; height:45px;" class="ui-button ui-widget ui-state-default ui-button-text-only"
                    role="button" aria-disabled="false"><span class="ui-button-text">SI/IP转换</span></button>
                <button id="setDefaults" style="float:left; height:45px;" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right"
                    role="button" aria-disabled="false"><span class="ui-button-text">重 置</span></button>
            </div>

        </div>

</body>

<script src="resources\js\vue.min.js"></script>
<script src="resources\js\jquery.min.js"></script>
<script src="resources\we-vue\index.js"></script>
<script src="resources\layer_mobile\layer.js"></script>
<script src="resources\js\my.js"></script>

<script>

    new Vue({
        el: '#app',
        data: {
            deps: [],
        },
        methods: {

        },
        mounted() {
            Serv.loadData({ url: '/text.jsp' }, (data) => {
                this.deps = data;
                console.log(this.deps);
            })
        }
    });


</script>


</html>